{% extends 'layout.html' %}
{% block content %}
<!--  模板继承-->
<div class="container">
    <div style="margin-bottom: 10px">
        <a class="btn btn-primary">添加</a>
    </div>
    <div class="panel panel-default">
        <!--            在bootcss.com的表格组件中，检查-》copy-》outer HTML-->
        <!-- Default panel contents -->

        <div class="panel-heading">
            <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
            部门列表
        </div>
        <!-- Table -->
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Username</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
{% endblock %}
